export const imgerror = {
  // 指令所在的DOM节点插入文档中的时候触发
  inserted(el, binding) {
    console.log('指令所在的DOM节点插入文档中的时候触发')
    // el 是指令所的DOM节点信息
    // binding 是指令所包含的信息
    // console.log(el);
    // console.log(binding.value); // 指令绑定的数据!// 图片、音频、视频标签等资源标签都有一个原生的事件叫onerror,就是当加载出错的时候触发
    el.src = el.src || binding.value
    el.onerror = () => {
      console.log('图片加载不出来') // 重新给img标签的src赋值
      el.src = binding.value
    }
  },
  // 指令所在的组件更新的时候
  componentUpdated(el, binding) {
    console.log('指令所在的DOM节点componentUpdated文档中的时候触发')
    el.src = el.src || binding.value
  }
}
